<!--
	作者：956911785@qq.com
	时间：2019年10月10日15:26:23
	描述：书籍阅读人员
-->
<template>
    <div style="width:100%;"> 
		<Fytable ref="tdtable" height="420" :columns="columns9" type="post" :paramiters="searchparams" :serverUrl="serverUrl" @changeSort='changeSort'></Fytable>
    </div> 
</template>
<script>
    export default {
    	name: "readstaticss",
    	props: {
    		tj:{
    			type: Object
    		},	
    	},
        data () {
            return {
				searchparams:{
					nj:'',
					bj:'',
					sname:'',
					bid:'',
					jd:'',
					order:'JD desc',//排序情况
				},
            	serverUrl:"/host/readbook/staticlog/readBookPerson_static.html",
                columns9: [
                    {
                        type: 'index',
                        width: 60,
                        title: '序号',
                        align: 'center'
                    },{
                        title: '年级',
                        key: 'NJ',
                        align: 'center',
						sortable: true
                    },  {
                        title: '姓名',
                        key: 'NAME',
                        align: 'center', 
                    }, {
                        title: '书籍名称',
                        key: 'BOOKNAME',
                        align: 'center', 
                    }, {
                        title: '完成进度',
                        key: 'JD',
                        align: 'center',
						sortable: true,
                    } 
                ],
				
            }
        },
        computed: {
		},
		methods: {
			load(){
				this.$refs.tdtable.load();
			},
			changeSort(column){
				this.searchparams.order=column.key+" "+column.order;
			}
	    },
		mounted() {
		
		},
		watch:{	
			tj: {
				deep: true,
				handler: function() {
					this.searchparams={
						nj:this.tj.nj,
						bj:this.tj.bj,
						sname:this.tj.sname,
						bid:this.tj.bid,
						jd:this.tj.jd,
						order:'JD desc',//排序情况
					}
				},	
			}
		},
		components: {
		}
    }
</script>


<style scoped="scoped">
	
	.ivu-table-wrapper {
		border:none;
	}
	
	.toolstipdiv{
		width: '100%';
		overflow: 'hidden';
		textOverflow: 'ellipsis';
		whiteSpace: 'normal';
		wordBreak: 'break-all';
		color:'#fff';
		text-align: center;
	}
	.toolstipdiv:hover{
		background:rgb(63, 193, 201);
	}
	
	.ivu-tooltip-rel label:hover{
		color:#0023FB;
	}
	
	.tablediv{
		height: '40px';
		overflow:'hidden';
		line-height: '40px';
	}
</style>



